DEW.BaseLayoutController = function() {};

$.extend(DEW.BaseLayoutController.prototype, {
    render: function() {
        this.displayLayout();
        this.displayHeader();
        this.displayBody();
        this.displayFooter();
    },

    displayLayout: function() {
        var baseLayout = new DEW.BaseLayout();
        baseLayout.render();
        $(baseLayout.el).appendTo("#content");
    },

    displayHeader: function() {
        var header = new DEW.Header({
            logo: {
                src: 'images/logo.jpg',
                alt: 'Logo'
            },
            enlaces: [{
                text: 'Enlace 1',
                showSeparator: true
            },{
                text: 'Enlace 2',
                showSeparator: true
            },{
                text: 'Enlace 3',
                showSeparator: true
            },{
                text: 'Enlace 4',
                showSeparator: true
            },{
                text: 'Enlace 5',
                showSeparator: false
            }]
        });
        header.render();
        $(header.el).appendTo("#header");
    },

    displayBody: function() {
        var sidebar = new DEW.Sidebar();
        sidebar.render();
        $(sidebar.el).appendTo(".sidebar");

        var list = new DEW.List();
        list.render();
        $(list.el).appendTo(".page-content");
    },

    displayFooter: function() {
        var footer = new DEW.Footer();
        footer.render();
        $(footer.el).appendTo("#footer");
    }

});